.details-model{
    position: relative;
    background:rgba(250,250,250,1);
    height: 100%;
    overflow-y: scroll;
    .am-calendar .header .left{
        top:0.2rem;
        left:0.2rem;
        color: #4869ff;
    }
    .am-calendar .header .right{
        font-size: 0.24rem;
        top:0.2rem;
        right:0.2rem;
        color: #4869ff;
    }
    .am-icon-md{
        width:0.5rem;
        height:0.5rem;
    }
    .am-calendar{
        font-size: 0.28rem;
    }
    .am-calendar .header{
        margin-bottom:0.2rem;
        margin-top: 0.2rem;
    }
    .am-calendar .header .title{
        font-size: 0.36rem;
    }
    .am-calendar .date-picker .load-tip{
        top:-50px;
    }
    .am-calendar .week-panel{
        padding-bottom:0.1rem;
    }
    .am-calendar .week-panel .cell{
        font-size: 0.3rem;
        height: auto;
    }
    .am-calendar .single-month .row .cell .date-wrapper .date{
        font-size: 0.24rem;
    }
    .am-calendar .single-month .row .cell .date-wrapper .date-selected{
        background: #4869ff;
    }
    .am-calendar .single-month .row .cell .info{
        height:18px;
        font-size:14px;
    }
    .am-calendar .single-month .row .cell .date-selected{
        color: #4869ff;
    }
    .am-calendar .single-month .row .cell .date-wrapper .date-selected{
        color:#fff;
    }
    .confirm-panel{
        padding:0.2rem;
    }
    .am-calendar .confirm-panel .info{
        font-size: 0.24rem;
    }
    .am-calendar .confirm-panel .button{
        text-align: center;
        width: 1.4rem;
        margin: 0 0 0 auto;
        padding: 8px 0;
        border-radius: 5px;
        font-size: 0.24rem;
        background: #4869ff;
    }
    .tabContent{
        width: 100%;
        height: 2.5rem;
        padding-top: 0.34rem;
        background:#fff;
        position: fixed;
        top:0;
        left:0;
    }
    @media screen and (max-width:641px){
        .numberText{
            font-size: 0.22rem!important;
            .num{
                font-size: 0.24rem!important;
            }
        }
     } 
    .h5ListBox{
        padding: 2.5rem 0 0;
        .numberBox{
            top:2.5rem;
            padding-top: 0.35rem;
            .numberText{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;
                div{
                    white-space: nowrap;
                }
            }
        }
        
    }
    .listBox{
        padding: 2.5rem 0 0;
    }
    .tabsBox{
        .tabItem{
            width: 50%;
            font-size:0.28rem;
            color:rgba(170,170,170,1);
            line-height:0.40rem;
            text-align: center;
        }
        .tabItem.active{
            font-size:0.36rem;
            line-height:0.50rem;
            color:rgba(72,105,255,1);
        }
    }
    .calendarBox{
        padding: 0.5rem 0.2rem 0;
    }
    .calendarInfo{
        position: relative;
        width: 0.1rem;
        flex-grow: 1;
        height:0.66rem;
        background:rgba(245,245,245,1);
        border-radius:0.10rem;
        margin-right: 0.3rem;
        padding:0 1rem 0 0.4rem;
        justify-content: space-between;
        font-size:0.28rem;
        .startTime,.endTime,.depart{
            color:rgba(0,0,0,1);
        }
        .startHolder,.endHolder{
            color:rgba(170,170,170,1);
        }
        .calendarImg{
            width: 0.28rem;
            height: 0.29rem;
            position: absolute;
            right: 0.37rem;
            top:0.16rem;
        }
    }
    .searchBox{
        width:1.12rem;
        height:0.66rem;
        background:rgba(72,105,255,1);
        border-radius:0.1rem;
        img{
            width: 0.35rem;
            height: 0.35rem;
        }
    }
    .radioBox{
        position: fixed;
        left:0;
        top:2.5rem;
        padding:0.39rem 0.2rem 0.4rem;
        width: 100%;
        background: #fafafa;
        font-size:0.28rem;
        color:rgba(0,0,0,1);
        line-height:0.40rem;
        justify-content: flex-start;
        .radioItem{
            margin-right: 0.6rem;
        }
        .active{
            font-size:0.34rem;
            color:rgba(51,51,51,1);
            line-height:0.48rem;
            position: relative;
        }
        .active::after{
            position: absolute;
            left:50%;
            bottom:-0.09rem;
            transform: translateX(-0.17rem);
            content: " ";
            width:0.34rem;
            height:0.07rem;
            background:linear-gradient(312deg,rgba(191,202,255,1) 0%,rgba(72,105,255,1) 100%);
            border-radius:3px 0px 3px 0px;
            
        }
    }
    .numberBox{
        justify-content: flex-start;
        padding-bottom: 0.35rem;
        position: fixed;
        left:0;
        top:3.7rem;
        width:100%;
        background: #fafafa;
        padding-left:0.2rem;
        padding-right: 0.2rem;
        .numberText{
            position: relative;
            height:0.66rem;
            font-size:0.26rem;
            background:linear-gradient(315deg,rgba(255,158,65,1) 0%,rgba(253,146,81,1) 100%);
            border-radius:0.35rem 0.35rem 0.35rem 0;
            color:#fff;
            padding:0 0.66rem 0 0.26rem;
            overflow: hidden;
            .num{
                font-size:0.36rem;
            }
            .icon{
                width: 0.68rem;
                height: 0.39rem;
                position: absolute;
                right:0;
                bottom:0;
            }
        }
    }
}